<section class="banner-w3ls">
	<div class="logo-w3ls">
		<a href="index.html"><h1>{$config.site.name}</h1></a>
	</div>	
	<!-- navigation section -->
				<section>
					<p>
						<button id="trigger-overlay" type="button">
							<img src="__CDN__/assets/images/menu.png" class="img-responsive" alt="menu">

						</button>
					</p>
				</section>
				<!-- open/close -->
				<div class="overlay overlay-boxes">
					<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="101%" viewBox="0 0 1440 806" preserveAspectRatio="none">
						<path d="m0.005959,200.364029l207.551124,0l0,204.342453l-207.551124,0l0,-204.342453z"/>
						<path d="m0.005959,400.45401l207.551124,0l0,204.342499l-207.551124,0l0,-204.342499z"/>
						<path d="m0.005959,600.544067l207.551124,0l0,204.342468l-207.551124,0l0,-204.342468z"/>
						<path d="m205.752151,-0.36l207.551163,0l0,204.342437l-207.551163,0l0,-204.342437z"/>
						<path d="m204.744629,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z"/>
						<path d="m204.744629,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z"/>
						<path d="m204.744629,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z"/>
						<path d="m410.416046,-0.36l207.551117,0l0,204.342437l-207.551117,0l0,-204.342437z"/>
						<path d="m410.416046,200.364029l207.551117,0l0,204.342453l-207.551117,0l0,-204.342453z"/>
						<path d="m410.416046,400.45401l207.551117,0l0,204.342499l-207.551117,0l0,-204.342499z"/>
						<path d="m410.416046,600.544067l207.551117,0l0,204.342468l-207.551117,0l0,-204.342468z"/>
						<path d="m616.087402,-0.36l207.551086,0l0,204.342437l-207.551086,0l0,-204.342437z"/>
						<path d="m616.087402,200.364029l207.551086,0l0,204.342453l-207.551086,0l0,-204.342453z"/>
						<path d="m616.087402,400.45401l207.551086,0l0,204.342499l-207.551086,0l0,-204.342499z"/>
						<path d="m616.087402,600.544067l207.551086,0l0,204.342468l-207.551086,0l0,-204.342468z"/>
						<path d="m821.748718,-0.36l207.550964,0l0,204.342437l-207.550964,0l0,-204.342437z"/>
						<path d="m821.748718,200.364029l207.550964,0l0,204.342453l-207.550964,0l0,-204.342453z"/>
						<path d="m821.748718,400.45401l207.550964,0l0,204.342499l-207.550964,0l0,-204.342499z"/>
						<path d="m821.748718,600.544067l207.550964,0l0,204.342468l-207.550964,0l0,-204.342468z"/>
						<path d="m1027.203979,-0.36l207.550903,0l0,204.342437l-207.550903,0l0,-204.342437z"/>
						<path d="m1027.203979,200.364029l207.550903,0l0,204.342453l-207.550903,0l0,-204.342453z"/>
						<path d="m1027.203979,400.45401l207.550903,0l0,204.342499l-207.550903,0l0,-204.342499z"/>
						<path d="m1027.203979,600.544067l207.550903,0l0,204.342468l-207.550903,0l0,-204.342468z"/>
						<path d="m1232.659302,-0.36l207.551147,0l0,204.342437l-207.551147,0l0,-204.342437z"/>
						<path d="m1232.659302,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z"/>
						<path d="m1232.659302,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z"/>
						<path d="m1232.659302,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z"/>
						<path d="m-0.791443,-0.360001l207.551163,0l0,204.342438l-207.551163,0l0,-204.342438z"/>
					</svg>
					<button type="button" class="overlay-close">Close</button>
					<nav>
						<ul>
							{volist name="nav" id="nav"}
							<li><a href="{$nav.name}">{$nav.title}</a></li>
							{/volist}
						<!-- 	<li><a href="index/archive/archive.html" class="scroll">新闻中心</a></li>
							<li><a href="#about" class="scroll">关于我们</a></li>
							<li><a href="#team" class="scroll">我们的团队</a></li>
							<li><a href="#gallery" class="scroll">Gallery</a></li>
							<li><a href="#contact" class="scroll">Contact Us</a></li> -->
						</ul>
					</nav>
				</div>
				<!-- /open/close -->
			<!-- /navigation section -->
	<div class="pogoSlider" id="js-main-slider">
		{volist name="banner" id="banner"}
		<div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="2000"  style="background-image:url(__CDN__{$banner.bigimage});">
			<div class="pogoSlider-slide-element">
				<div class="container">
					<h3>{$banner.title}</h3>
					<p>{:substr($banner.content,0,40)}</p>
					<ul class="banner-agileits">
						<li><a href="#readmore_{$banner.id}" class="link-w3l1" data-toggle="modal">Read More</a></li>
						<li><a href="#contact" class="link-w3l2 page-scroll">Contact Us</a></li>
					</ul>
					<a href="#about" class="btn btn-circle page-scroll">
						<i class="fa fa-angle-double-down animated"></i>
					</a>
				</div>	
			</div>
		</div>	
			<div class="modal fade" id="readmore_{$banner.id}" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">{$banner.title}</h4>
				</div>
				<div class="modal-body">
					<!-- <div class="col-lg-6 col-md-6 col-sm-12" style="width: 50%">
						<img class="img-responsive team-agile" src="__CDN__{$banner.bigimage}" alt="">
					</div> -->
					<div class="col-lg-6 col-md-6 col-sm-12" style="width: 100%">
						<p>{$banner.content}</p>
					</div>
					<div class="clearfix"></div>	
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	{/volist}

</section>